<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>汽车</title>
		<style>
		 div#product{
				width: 300px;
				height: 450px;
				border: 1px solid black;
				margin: 0 auto;
				overflow: auto;
				margin-top: 40px;
				margin-top: 20px;
				overflow: hidden;
				border-radius: 4px;
				
			}
			div#card{
				width: 250px;
				height: 300px;
				b order: 1px solid red;
				margin-top: 20px;
				margin-left: 25px;
				background: url("img/su7.jpg");
				background-size: 100% 100%;
				border-radius: 4px;
			}
			div h1.xiaomi{
				text-align: center;
				font-size: 1.2em;
			
			}
			.price{
				color: #ff0000;
				font-size: 1.5em;
				text-align: center;
				margin : 0 10px;
			}
			.people{
				white-space:pre;
				
			}
			.see{
				text-align: center;
				font-size: .9em;
			}
			
			
		</style>
	</head>
	<body>
		<!-- 两框 -->
		<div id="product">
			<div id="card"></div>
			<h1 class="xiaomi">小米SU7</h1>
			<p class="price">￥279999.00</p>
			<p class="see">已有<span class="people">  10万+  </span>人评价</p>
		</div>
	
	
	</body>
</html>